<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>新闻列表</title>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="headerLeft">
					<i class="iconfont icon-caidan"></i>
				</div>
				<div class="headerCenter">
					<a href="index.html">
						<img src="../images/homelogo.png">
					</a>
				</div>
				<div class="headerRight">
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="mask1">
					<div class="box">
						<!-- <div class="cancel">
							<i class="iconfont icon-chacha"></i>
						</div> -->
						<div class="content">
							<div class="top">
								<a href="">
									<i class="iconfont icon-xinlangweibo"></i>
								</a>
								<a href="">
									<i class="iconfont icon-weixin"></i>
								</a>
								<a href="">
									<i class="iconfont icon-baidu"></i>
								</a>
								<a href="">
									<i class="iconfont icon-facebook"></i>
								</a>
							</div>
							<div class="center">
								<a href="about.html">About Or</a>
								<a href="product.html">Product</a>
								<a href="space.html">Space Inspiration</a>
								<a href="user.html">User Experience</a>
							</div>
							<div class="bottom">
								<div class="line"></div>
								<a href="news.html">NEWS</a>
								<div class="line"></div>
								<a href="event.html">EVENT</a>
								<div class="line"></div>
								<a href="contact.html">CONTACT</a>
								<div class="line"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="mask2">
					<div class="box">
						<div class="content">
							<form action="" method="">
								<input type="text" id="search" value="" placeholder="请输入" />
							</form>
							<label class="serachBox" for="search">Searh anything & hit enter</label>
						</div>
					</div>
				</div>
			</header>
			<main>
				<div class="bg bgBox1"></div>
				<section class="top">
					<h2>Herman Miller & naughtone's
						Hush Chair</h2>
					<a href="">SEE MORE</a>
				</section>

				<section class="center">
					<div class="rowBox">
						<div class="imgBox">
							<img src="../images/newsrow1.png">
						</div>
						<a href="">&gt;See more</a>
					</div>
					<div class="rowBox">
						<div class="imgBox">
							<img src="../images/newsrow2.png">
						</div>
						<a href="">&gt;See more</a>
					</div>
					<div class="rowBox">
						<div class="imgBox">
							<img src="../images/newsrow3.png">
						</div>
						<a href="">&gt;See more</a>
					</div>
				</section>

				<section class="bottom">
					<div class="colBox">
						<div class="left">
							<img src="../images/newscol1.png">
						</div>
						<div class="right">
							<h2>Life</h2>
							<h3>This Levitating Cloud Doubles
								as a Bluetooth Speaker </h3>
							<h4>Loose-fitting pieces swathed in a bold palette.</h4>
							<a href="newsDetail.html">SEE MORE </a>
						</div>
					</div>
					<div class="colBox">
						<div class="left">
							<img src="../images/newscol2.png">
						</div>
						<div class="right">
							<h2>Life</h2>
							<h3>This Levitating Cloud Doubles
								as a Bluetooth Speaker</h3>
							<h4>Loose-fitting pieces swathed in a bold palette.</h4>
							<a href="newsDetail.html">SEE MORE </a>
						</div>
					</div>
					<div class="colBox">
						<div class="left">
							<img src="../images/newscol3.png">
						</div>
						<div class="right">
							<h2>Life</h2>
							<h3>This Levitating Cloud Doubles
								as a Bluetooth Speaker</h3>
							<h4>Loose-fitting pieces swathed in a bold palette.</h4>
							<a href="newsDetail.html">SEE MORE </a>
						</div>
					</div>
					
					<a href="newsDetail.html" id="load">LOAD MORE</a>
				</section>

				<section class="footBg">
				</section>
			</main>

			<footer>
				 <div class="content">
					<h2>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</h2>
					<i class="iconfont icon-shangjiantou" id="up"></i>
				</div> 
				
			 </footer> 
		</div>
	</body>
</html>
